<template>
	<view class="">
		<!-- 导航栏顶部 -->
		<view class="nav">
			<u-navbar title-color="#fff" back-icon-color="#ffffff"
				:is-back="true" 
				:background="background" 
				:back-text-style="{color: '#fff'}" title="设置" 
				back-text="返回"
			/>

		</view>
		<view class="cell-wrap">
			<u-cell-group>
				<u-cell-item center index="1" @click="click"
				 arrow title="个人信息" :titleStyle="titleStyle" />
				<u-cell-item center index="2" @click="click" 
				 arrow title="账号" :titleStyle="titleStyle" />
				 <u-cell-item :border-bottom="false" index="3" title="标题3" value="行万里路" :arrow="false" @click="click">
				 	<u-icon slot="icon" size="34" name="calendar" style="margin-right: 5px;"></u-icon>
				 	<u-icon slot="right-icon" size="34" name="calendar"></u-icon>
				 	<u-field slot="value"></u-field>
				 </u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'

	export default {
		data() {
			return {
				titleStyle: {
					fontSize: '36rpx' ,
					fontWeight: 'normal',
					fontFamily: 'SimHei'
				},
				background: {
					backgroundColor: '#f8f8f8',
				
					// 导航栏背景图
					//background: 'url(https://cdn.uviewui.com/uview/swiper/1.jpg) no-repeat',
					// 还可以设置背景图size属性
					// backgroundSize: 'cover',
				
					// 渐变色
					backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
				},
			}
		},
		computed: {
			...mapGetters([])
		},
		created() {

		},
		onUnload() {},
		methods: {
			click(index) {
				console.log(index);
			}
		}
	}
</script>

<style lang="scss">
	.cell-wrap{
	}
</style>
